<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>校园二手交易平台</title>
    <link href="/online/src/main/webapp/resources/css/personinfo.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div id="container">
    <header>
        <div class="col">
            <p style="height: 40px;padding-left:10%;color: rosybrown">有家二手交易平台</p>
        </div>
        <div class="col">
            <a id="editPersoninfo" href="#" style="color: cadetblue;font-size: 13px; height:30px;text-decoration: none">修改个人信息</a>
        </div>
        <div class="col">
            <a id="exit" href="login.html"
               style="color: red;font-size: 13px; height:30px;text-decoration: none">退出登录</a>
        </div>
    </header>
    <div class="content">
        <div class="left">
            <div class="world_map" id="personinfo" style="width: 100%;height: 40%">
                <!-- <div style="width: 50%;height: 50%">
                     头像
                 </div>
                 <div style="width: 50%;height: 50%">
                     用户名
                 </div>-->
                <div class="list_show">
                    <div style="width: 50%;height: 100%;display: table">
                        头像
                    </div>
                    <div style="width: 50%;height: 100%;display: table">
                        <div style="width: 50%;height: 100%;display: table-cell;">
                            <div i style="width:90%;height: 90%;">
                                用户名
                            </div>
                        </div>
                        <div style="width: 50%;height: 100%;display: table-cell;">
                            <div style="width:90%;height: 90%">
                                个性签名
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="four_list_show" class="list_show"> <!--四个列表展示-->
                <div style="width: 100%;height: 50%;display: table">
                    <div style="width: 50%;height: 100%;display: table-cell;">
                        <div id="sellingItem" style="width:90%;height: 90%">
                            <a onclick="sellingItem()" href="login.html"
                               style="text-decoration: none;color: black;font-size: 20px;position: center;">正在售卖的商品</a>
                        </div><!--正在售卖的商品-->
                    </div>
                    <div style="width: 50%;height: 100%;display: table-cell;">
                        <div id="saledItem" style="width:90%;height: 90%">
                            <a onclick="saledItem()" href="#"
                               style="text-decoration: none;color: black;font-size: 20px;position: center;">已经卖出的商品</a>
                        </div><!--已经卖出的商品-->
                    </div>
                </div>
                <div style="width: 100%;height: 50%;display: table">
                    <div style="width: 50%;height: 100%;display: table-cell;">
                        <div id="boughtItem" style="width:90%;height: 90%;">
                            <a onclick="boughtItem()" href="#"
                               style="text-decoration: none;color: black;font-size: 20px;position: center;">买过的商品</a>
                        </div><!--买过的商品-->
                    </div>
                    <div style="width: 50%;height: 100%;display: table-cell;">
                        <div id="collectedItem" style="width:90%;height: 90%">
                            <a onclick="collectedItem()" href="#"
                               style="text-decoration: none;color: black;font-size: 20px;position: center;">收藏的商品</a>
                        </div><!--收藏的商品-->
                    </div>
                </div>
            </div>
        </div>

        <!--右侧统计-->
        <div class="right">

            <div style="width: 100%;height: 70%">
                历史记录
            </div>
            <div style="width: 100%;height: 30%">
                <button>上传商品</button>
            </div>
        </div>

    </div>
</div>
</body>

</html>